.container {
  padding: 20rpx;
}

.filter-preview {
  margin-top: 30rpx;
  padding: 20rpx;
  background-color: #f9f9f9;
  border-radius: 12rpx;
}

.filter-row {
  display: flex;
  margin-bottom: 20rpx;
  align-items: flex-start;
}

.filter-row text:first-child {
  width: 150rpx;
  color: #666;
  flex-shrink: 0;
}

.filter-tag {
  display: inline-block;
  background-color: #e1f0ff;
  color: #3498db;
  padding: 4rpx 16rpx;
  border-radius: 8rpx;
  margin-right: 10rpx;
  margin-bottom: 10rpx;
  font-size: 24rpx;
}
//选项卡
.tabs-container {
    background-color: #fff;
    padding: 0 30rpx;
	border-bottom: 1rpx solid #eaeaea;
}

.tabs {
    display: flex;
    position: relative;
    height: 80rpx;
}

.tab {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30rpx;
    color: #666;
    position: relative;
    z-index: 2;
}

.tab.active {
    color: #333;
    font-weight: bold;
}

.indicator {
    position: absolute;
    bottom: 0;
    width: 10%;
    height: 6rpx;
    background-color: #ffd700;
    transition: left 0.3s ease;
    z-index: 1;
}
//列表内容
.trade-records{
	background-color: #f7f7f7;
	margin-top: 20rpx;
	margin-bottom: 20rpx;
	padding: 20rpx 20rpx;
	border-radius: 20rpx;
	border-bottom: 2rpx solid #c6c6c6;
	box-shadow: 0 10rpx 5rpx -3rpx rgba(0, 0,0, 0.2);
	color: #8e7c55;
	font-size: 13px !important;
}
.trade-flex{
	display: flex;
	justify-content: space-between;
}
.trade-number{
	display: flex;
	align-items: center;
}
.copy-image{
	width: 30rpx;
	height: 30rpx;
	padding-left: 5rpx;
}
.trade-top{
	padding-top: 10rpx;
}